<script>
  export let size = "1em";
  export let color = "currentColor";
</script>

<!-- NOTE: this was just taken as a placeholder from the Iconify figma plugin. We should have our own pin icon. -->
<svg
  width={size}
  viewBox="0 0 24 24"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M17 14.5C17.5523 14.5 18.0127 14.0433 17.8543 13.5142C17.6072 12.6889 17.0527 11.9256 16.2426 11.318C15.1174 10.4741 13.5913 10 12 10C10.4087 10 8.88258 10.4741 7.75736 11.318C6.9473 11.9256 6.39279 12.6889 6.14572 13.5142C5.98732 14.0433 6.44772 14.5 7 14.5L12 14.5H17Z"
    fill={color}
  />
  <path
    d="M17 14.5C17.5523 14.5 18.0127 14.0433 17.8543 13.5142C17.6072 12.6889 17.0527 11.9256 16.2426 11.318C15.1174 10.4741 13.5913 10 12 10C10.4087 10 8.88258 10.4741 7.75736 11.318C6.9473 11.9256 6.39279 12.6889 6.14572 13.5142C5.98732 14.0433 6.44772 14.5 7 14.5L12 14.5H17Z"
    fill={color}
  />
  <path
    d="M7.5 2C7.22386 2 6.9961 2.22519 7.03888 2.498C7.17645 3.37525 7.67472 4.19663 8.46447 4.82843C9.40215 5.57857 10.6739 6 12 6C13.3261 6 14.5979 5.57857 15.5355 4.82843C16.3253 4.19663 16.8235 3.37525 16.9611 2.498C17.0039 2.22519 16.7761 2 16.5 2L12 2L7.5 2Z"
    fill={color}
  />
  <rect x="9" y="3" width="6" height="10" fill={color} />
  <path
    d="M11.5 10H12.5V20V20.5279C12.5 20.8384 12.4277 21.1446 12.2889 21.4223L12.1118 21.7764C12.0657 21.8685 11.9343 21.8685 11.8882 21.7764L11.7111 21.4223C11.5723 21.1446 11.5 20.8384 11.5 20.5279V20V10Z"
    fill={color}
  />
</svg>
